let params ={
    pagenum:1,
    pagesize:2,
};
// 封装函数,获取文章,渲染到tbody里
function renderArticle(){
    axios.get('/my/article/list',{params}).then(res =>{
        console.log(res.data);
        let  {status,data, total} =res.data;
        if(status===0){
            let str ='';
            data.forEach(item =>{
                str +=`<tr>
                <td>${item.title}</td>
                <td>${item.cate_name}</td>
                <td>${item.pub_date}</td>
                <td>${item.state}</td>
                <td>
                  <button type="button" class="layui-btn layui-btn-xs">编辑</button>
                  <button type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
                </td>
              </tr>`
            })
            $('tbody').html(str);
            showPage(total);
        }
    })
}
renderArticle()

let laypage =layui.laypage;
function showPage(r){
laypage.render({
    elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
    count: r, //数据总数，从服务端得到
    limit: params.pagesize,//每页显示几条
    curr: params.pagenum,// 当前页
     limits :[2,3,4,5,6],//下拉选项
    layout:['limit','prev', 'page', 'next','count','skip'],
    jump: function (obj, first) {
        // 首次不执行
        if (!first) {
          // do something
          // obj包含了当前分页的所有参数，比如：
          // console.log(obj.curr); // 得到当前页，以便向服务端请求对应页的数据。
          // console.log(obj.limit); // 得到每页显示的条数
          params.pagenum = obj.curr;
          params.pagesize = obj.limit;
          renderArticle();
        }
      }
  });
}
// 筛选
axios.get('/my/category/list').then(res =>{
    let  { status, data} =res.data;
    if(status ===0){
        let str ='';
        data.forEach(item =>{
            str += `<option value="${item.id}">${item.name}</option>`
        })
        $('#category').append(str);
        let form = layui.form;
        form.render('select');
    }
})
// 完成筛选
$('#search').on('submit',function(e){
    e.preventDefault();
    let cate_id =$('#category').val();
    let state = $('#state').val();
  // console.log(cate_id, state);
  // 设置请求参数
  if (cate_id) {
    params.cate_id = cate_id;
  } else {
    delete params.cate_id; // delete用于删除对象的属性
  }

  if (state) {
    params.state = state;
  } else {
    delete params.state;
  }

  // 筛选的时候，重置pagenum=1
  params.pagenum = 1;

  // 发送请求，获取文章
  renderArticle();
})
